<template>
    <div class="appcontainer">
        <el-tabs v-model="activeName">
            <el-tab-pane v-for="item in tabList" :key="item.value" :label="item.label" :name="item.value"></el-tab-pane>
        </el-tabs>
        <Table v-if="activeName == '1'" ref="table" class="table"></Table>
        <labelGroup v-if="activeName == '2'" class="table"></labelGroup>
    </div>
</template>

<script setup lang="tsx">
import { ref, reactive } from 'vue';
import Table from './components/Table.vue';
import labelGroup from './components/labelGroup.vue';
const table = ref();
const activeName = ref('1');
const tabList = reactive([
    { label: '客户标签', value: '1' },
    { label: '标签组类别', value: '2' }
]);
</script>
<style scoped lang="scss">
.table {
    margin-top: 10px;
}

.appcontainer {
    background: #fff;
    padding: 24px;
    padding-top: 10px;
    border: solid 1px #eaeaea;
}
</style>
